// 新建 src/screens/NewFeatureScreen/NewFeatureScreen.tsx
import React from 'react';
import {View, Text, StyleSheet} from 'react-native';
import {WebView} from 'react-native-webview';
import {observer} from 'mobx-react';
import {useTheme} from '../../hooks';

export const NewFeatureScreen: React.FC = observer(() => {
  const theme = useTheme();
  const styles = createStyles(theme);

  return (
    <View style={styles.container}>
      <WebView source={{uri: 'http://192.168.110.86:8080'}} />
    </View>
  );
});

const createStyles = (theme: any) =>
  StyleSheet.create({
    container: {
      height: '100%',
      backgroundColor: theme.colors.background,
    },
    title: {
      fontSize: 24,
      fontWeight: 'bold',
      color: theme.colors.onBackground,
      color: 'green',
      marginBottom: 16,
    },
    description: {
      fontSize: 16,
      color: theme.colors.onSurfaceVariant,
      lineHeight: 24,
    },
  });
